import Vue from 'vue'
import Router from 'vue-router'
import ActionSheet from '@/components/ActionSheet'
import Badge from '@/components/Badge'
import Button from '@/components/Button'
import CellSwipe from '@/components/CellSwipe'
import Cell from '@/components/Cell'
import Checklist from '@/components/Checklist'
import DatetimePicker from '@/components/DatetimePicker'
import Field from '@/components/Field'
import Header from '@/components/Header'
import IndexList from '@/components/IndexList'
import Indicator from '@/components/Indicator'
import InfiniteScroll from '@/components/InfiniteScroll'
import Lazyload from '@/components/Lazyload'
import Messagebox from '@/components/Messagebox'
import Navbar from '@/components/Navbar'
import PaletteButton from '@/components/PaletteButton'
import Picker from '@/components/Picker'
import Popup from '@/components/Popup'
import Progress from '@/components/Progress'
import PullDown from '@/components/PullDown'
import PullUp from '@/components/PullUp'
import Pull from '@/components/Pull'
import Radio from '@/components/Radio'
import Range from '@/components/Range'
import Search from '@/components/Search'
import Spinner from '@/components/Spinner'
import Swipe from '@/components/Swipe'
import Switch from '@/components/Switch'
import Tabbar from '@/components/Tabbar'
import Toast from '@/components/Toast'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/action-sheet',
      name: 'ActionSheet',
      component: ActionSheet
    },
    {
      path: '/button',
      name: 'Button',
      component:Button
    },
    {
      path: '/badge',
      name: 'badge',
      component: Badge
    },
    {
      path: '/cellswipe',
      name: 'CellSwipe',
      component: CellSwipe
    },
    {
      path: '/cell',
      name: 'Cell',
      component: Cell
    },
    {
      path: '/checklist',
      name: 'Checklist',
      component: Checklist
    },
    {
      path: '/datetimepicker',
      name: 'DatetimePicker',
      component: DatetimePicker
    },
    {
      path: '/field',
      name: 'Field',
      component: Field
    },
    {
      path: '/header',
      name: 'Header',
      component: Header
    },
    {
      path: '/indexlist',
      name: 'IndexList',
      component: IndexList
    },
    {
      path: '/indicator',
      name: 'Indicator',
      component: Indicator
    },
    {
      path: '/infinitescroll',
      name: 'InfiniteScroll',
      component: InfiniteScroll
    },
    {
      path: '/lazyload',
      name: 'Lazyload',
      component: Lazyload
    },
    {
      path: '/messagebox',
        name: 'Messagebox',
      component: Messagebox
    },
    {
      path: '/navbar',
      name: 'Navbar',
      component: Navbar
    },
    {
      path: '/palettebutton',
      name: 'PaletteButton',
      component: PaletteButton
    },
    {
      path: '/picker',
      name: 'Picker',
      component: Picker
    },
    {
      path: '/popup',
      name: 'Popup',
      component: Popup
    },
    {
      path: '/progress',
      name: 'Progress',
      component: Progress
    },
    {
      path: '/pulldown',
      name: 'PullDown',
      component: PullDown
    },
    {
      path:'/pullup',
      name:'PullUp',
      component:PullUp
    },
    {
      path:'/pull',
      name:'Pull',
      component:Pull
    },
    {
      path:'/radio',
      name:'Radio',
      component:Radio
    },
    {
      path:'/range',
      name:'Range',
      component:Range
    },
    {
      path:'/search',
      name:'Search',
      component:Search
    },
    {
      path:'/spinner',
      name:'Spinner',
      component:Spinner
    },
    {
      path:'/swipe',
      name:'Swipe',
      component:Swipe
    },
    {
      path:'/switch',
      name:'Switch',
      component:Switch
    },
    {
      path:'/tabbar',
      name:'Tabbar',
      component:Tabbar
    },
    {
      path:'/toast',
      name:'Toast',
      component:Toast
    }
  ]
})
